<template>
  <div>
    <!-- <h1>作品集....6666</h1> -->
    <van-list
        :finished="finished"
        finished-text="没有更多了"
        @load="onLoad"
        >
        <page2production
        v-for="item in list"
        :key="item.musicId"
        :Id="item.musicId"
        :UserId="item.musicUploaderId"
        :MusicId="item.musicId"
        :MusicName="item.musicName"
        :MusicAuthor="item.musicAuthor"
        :MusicIcon="item.musicIcon"
        :MusicUrl="item.musicUrl"
        :MusicDescription="item.musicDescription"
        >
       
      </page2production>
    </van-list>
  </div>
</template>

<script>
import page2production from './page2production.vue'

import MusicAPI from '@/api/MusicAPI.js'
export default {
  components: { page2production },
 name: 'Myproduction',
 
 data() {
  return {
    list:[],
    // // 页码
    // pageNumber: 0,
    // // 页大小
    // pageSize: 10,
    // // 当前页码
    // current: 0,
    // // 总条数
    // total: 0,

  }
},

created() {
// 首次获取页面结果
this.getThisPage2List()

},
methods: {
    getThisPage2List(){        
        var result = MusicAPI.GetMyMusic()
      // 获取响应结果 
      result.then((val)=>{
        if(val.success){
          this.list=val.data
          // this.list=val.data.records
          // this.current = val.data.current
          // this.total =  val.data.total
          console.log(this.data);
          // this.$toast('上传音乐文件成功！')
          // this.playupload=true
        }else{
          console.log(val.errorMsg)
          this.$toast(val.errorMsg)
        }
            })
    },
},
props: {
  //  musiclist: {
  //   require: true
  //   ty
  //  }
},

}

</script>

<style>

</style>